<%@ include file="/WEB-INF/views/include.jsp"%>

<html>
<head>
<title><fmt:message key="title" /></title>
</head>
<body>
	<%@ include file="/WEB-INF/views/navbar.jsp"%>
	<h1>Mima y Educa home</h1>

	<h3>Modificar productos</h3>
	<form:form method="post" action="/admin/productos/registrarProducto" modelAttribute="listaProductos">
		<table>
			<tr>
				<td>Orden</td>
				<td>Nombre</td>
				<td>Precio</td>
				<td>Descripcion</td>
				<td>img</td>
				<td>Stock</td>
				<td>Categoria</td>
				<td>Elimnar?</td>
			</tr>
			<c:forEach items="${listaProductos.productos}" var="p" varStatus="status">
				<tr>
					<td align="center">${status.count} <input type="hidden" name="productos[${status.index}].idProductos" value="${p.idProductos}"/></td>
					<td><input type="text" name="productos[${status.index}].nombre" value="${p.nombre}"/></td>
					<td><input type="text" name="productos[${status.index}].precio" value="${p.precio}"/></td>
					<td><input type="text" name="productos[${status.index}].descripcion" value="${p.descripcion}"/></td>
					<td><input type="text" name="productos[${status.index}].img" value="${p.img}"/></td>
					<td><input type="text" name="productos[${status.index}].stock" value="${p.stock}"/></td>
					<td>
						<select name="productos[${status.index}].categoriaBean.idCategorias">
							<c:forEach items="${categorias}" var="value">
								<c:choose>
									<c:when test="${p.categoriaBean.idCategorias == value.idCategorias}">
										<option value="${p.categoriaBean.idCategorias}" selected="selected"><c:out value="${p.categoriaBean.nombreCategoria}"/></option>
									</c:when>
									<c:otherwise>
										<option value="${value.idCategorias}"><c:out value="${value.nombreCategoria}"/></option>
									</c:otherwise>
								</c:choose>
							</c:forEach>
						</select>
					</td>
					<td>
						<input type="checkbox" name="productos[${status.index}].seleccionado"/>
					</td>
				</tr>
			</c:forEach>
			<tr>
				<td align="center">${listaProductos.productos.size() + 1}<input type="hidden" name="productos[${listaProductos.productos.size()}].idProductos" value="0"/></td>
				<td><input type="text" name="productos[${listaProductos.productos.size()}].nombre" placeholder="Nombre" value=""/></td>
				<td><input type="text" name="productos[${listaProductos.productos.size()}].precio" placeholder="Precio" value="0"/></td>
 				<td><input type="text" name="productos[${listaProductos.productos.size()}].descripcion" placeholder="Descripcion"/></td>
				<td><input type="text" name="productos[${listaProductos.productos.size()}].img" placeholder="img"/></td>
				<td><input type="text" name="productos[${listaProductos.productos.size()}].stock" placeholder="stock" value="0"/></td>
				<td>
					<select name="productos[${listaProductos.productos.size()}].categoriaBean.idCategorias">
						<c:forEach items="${categorias}" var="value">
							<option value="${value.idCategorias}"><c:out value="${value.nombreCategoria}"/></option>
						</c:forEach>
					</select>
				</td> 
			</tr>
		</table>
		<div>
			<input type="submit" value="Submit" />
		</div>
	</form:form>
</body>
</html>